<div class="card">
  <div class="card-body">

    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text" id="basic-addon1">用户名</span>
      </div>
      <input [(ngModel)]="username" type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
    </div>

    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text" id="basic-addon2">密码</span>
      </div>
      <input [(ngModel)]="password" type="password" class="form-control" placeholder="password" aria-label="Username" aria-describedby="basic-addon1">
    </div>


  </div>

  <div class="card-footer">

    <button class="btn btn-primary" (click)="login()">登录</button>
    <button class="btn btn-danger" (click)="cancel()">取消</button>
    <button class="btn btn-info" (click)="regist()">注册</button>

  </div>
</div>
